﻿@{
    ViewBag.Title = "Index.Mobile";
    Layout = "~/Views/Shared/Mobile/_Layout.cshtml";
}
@model IEnumerable<BabyToys.Models.SanPham>
<div class="section group">
    @foreach (var sanpham in @Model)
    {
        <div class="grid_1_of_4 images_1_of_4">
                <img src="~/Content/Images/SanPham/@sanpham.HinhDaiDien" style="width:160px;height:160px;" />
                <h2>@sanpham.TenSP</h2>
                <p>
                @if (sanpham.GiaKhuyenMai() > 0)
                {
                    <span class="strike">@sanpham.Gia</span>
                    <span class="price">@sanpham.GiaKhuyenMai()</span>
                }
                else
                {
                    <span class="price">@sanpham.Gia</span>
                }
            </p>
            <div class="button">
                <span>
                    <img src="images/cart.jpg" alt="" /><a href="preview-3.html" class="cart-button">Add to Cart</a></span>
            </div>
            <div class="button"><span><a href="preview-3.html" class="details">Details</a></span></div>
        </div>
    }

</div>
